<!DOCTYPE html>
<html lang="en">
    

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit|ie-stand|ie-comp">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="format-detection" content="telephone=no">
    <meta name="keywords" content="一缕轻风">
    <meta name="description" content="一缕轻风">
    <link rel="stylesheet" type="text/css" href="/blog/libs/materialize/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="/blog/libs/animate.css/animate.min.css">
    
    <!-- 是否加载使用自带的 prismjs. -->
    <link rel="stylesheet" href="/blog/libs/prism/prism-tomorrow-night.css">
    <link rel="stylesheet" type="text/css" href="/blog/libs/prism/prism-line-numbers.css">
    
    
    <!-- Material Icons -->
    <link rel="stylesheet" type="text/css" href="/blog/libs/materialicons/materialicons.css">
    
    <!-- Fontawesome Icons -->
    <link rel="stylesheet" type="text/css" href="/blog/libs/fontawesome/css/all.min.css">
    <!-- aos -->
    <link rel="stylesheet" type="text/css" href="/blog/libs/aos/aos.css">
    <!-- The theme css -->
    <link rel="stylesheet" type="text/css" href="/blog/css/xxcoding.css">

    
    <!-- Your css -->
    <link rel="stylesheet" type="text/css" href="/blog/css/my.css">
    
    <!-- 
        
            
                <link rel="stylesheet" type="text/css" href="/libs/fontawesome/css/all.min.css">
            
        
            
                <link rel="stylesheet" type="text/css" href="/libs/materialize/materialize.min.css">
            
        
            
                <link rel="stylesheet" type="text/css" href="/libs/animate.css/animate.min.css">
            
        
            
        
            
                <link rel="stylesheet" type="text/css" href="/libs/prism/prism-tomorrow-night.css">
            
        
            
                <link rel="stylesheet" type="text/css" href="/libs/materialicons/materialicons.css">
            
        
            
                <link rel="stylesheet" type="text/css" href="/libs/aos/aos.css">
            
        
            
                <link rel="stylesheet" type="text/css" href="/libs/aplayer/APlayer.min.css">
            
        
            
                <link rel="stylesheet" type="text/css" href="/libs/tocbot/tocbot.css">
            
        
            
                <link rel="stylesheet" type="text/css" href="/libs/aplayer/Meting.min.js">
            
        
            
                <link rel="stylesheet" type="text/css" href="/css/xxcoding.css">
            
        
            
                <link rel="stylesheet" type="text/css" href="/css/my.css">
            
        
     -->
    <!-- 
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500">
    
    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Marck+Script">
     -->
    

    <!-- Custom Head -->
    

    <title>一缕轻风</title>
    <link rel="icon" type="image/png" href="/blog/img/favicon.png">
    <script src="/blog/libs/jquery/jquery.min.js"></script>
<meta name="generator" content="Hexo 6.0.0"></head>

<body>
    <header class="navbar-fixed">
    <!-- <nav class="nav-extended pushpin"> -->
    <nav class="nav-color nav-transparent" id="nav-header" color-on-scroll="100">
        <div class="container">
            <div class="nav-wrapper">
                <a class="brand-logo waves-effect waves-light" href="/">
                    
                    <img src="/blog/img/logo.png" class="circle logo-img lazyload" data-src="/blog/img/logo.png" alt="logo">
                    
                    <span class="logo-span">一缕轻风</span>
                </a>
                <a href="#" data-target="nav-mobile" class="sidenav-trigger">
    <i class="material-icons">menu</i>
</a>
<ul class="right hide-on-med-and-down">
    
        
            <li>
                
                
                <a class="nav-item waves-effect waves-light" href="/" style="display: flex;">
                    <i class="material-icons">home</i>
                
                    <span class="nav-menu">首页</span>
                </a>
                
            </li>
        
    
        
            <li>
                
                
                <a class="nav-item waves-effect waves-light" href="/categories" style="display: flex;">
                    <i class="material-icons">chrome_reader_mode</i>
                
                    <span class="nav-menu">Categories</span>
                </a>
                
            </li>
        
    
        
            <li>
                
                
                <a class="nav-item waves-effect waves-light" href="/tags" style="display: flex;">
                    <i class="material-icons">label</i>
                
                    <span class="nav-menu">Tags</span>
                </a>
                
            </li>
        
    
        
            <li>
                
                
                <a class="nav-item waves-effect waves-light" href="/timeline" style="display: flex;">
                    <i class="material-icons">timeline</i>
                
                    <span class="nav-menu">时间线</span>
                </a>
                
            </li>
        
    
        
            <li>
                
                
                <a class="nav-item waves-effect waves-light" href="/about" style="display: flex;">
                    <i class="material-icons">account_circle</i>
                
                    <span class="nav-menu">关于</span>
                </a>
                
            </li>
        
    
    <li>
        <a class="nav-item modal-trigger waves-effect waves-light" href="#searchModal">
            <i class="material-icons">search</i>
            <!-- <i id="searchIcon" class="fas fa-search" title="Search" style="zoom: 0.6;"></i> -->
        </a>
    </li>
</ul>

            </div>
        </div>
    </nav>
</header>
<div class="sidenav" id="nav-mobile">
    <div class="user-view">
        <div class="background overlay">
            <img class="lazyload" src="/blog/img/bg/bg-1.jpg" data-src="/blog/img/bg/bg-1.jpg">
        </div>
        <img class="circle responsive-img lazyload" src="/blog/img/logo.png" data-src="/blog/img/logo.png">
        <div class="name white-text">一缕轻风</div>
        <div class="description white-text"></div>
    </div>
    <ul>
        
            
                <li>
                    
                    
                    <a class="waves-effect" href="/" style="display: flex;">
                        <i class="material-icons">home</i>
                    
                        <span>首页</span>
                    </a>
                    
                </li>
            
        
            
                <li>
                    
                    
                    <a class="waves-effect" href="/categories" style="display: flex;">
                        <i class="material-icons">chrome_reader_mode</i>
                    
                        <span>Categories</span>
                    </a>
                    
                </li>
            
        
            
                <li>
                    
                    
                    <a class="waves-effect" href="/tags" style="display: flex;">
                        <i class="material-icons">label</i>
                    
                        <span>Tags</span>
                    </a>
                    
                </li>
            
        
            
                <li>
                    
                    
                    <a class="waves-effect" href="/timeline" style="display: flex;">
                        <i class="material-icons">timeline</i>
                    
                        <span>时间线</span>
                    </a>
                    
                </li>
            
        
            
                <li>
                    
                    
                    <a class="waves-effect" href="/about" style="display: flex;">
                        <i class="material-icons">account_circle</i>
                    
                        <span>关于</span>
                    </a>
                    
                </li>
            
        
    </ul>
</div>


    <main>
    <!-- 转播图 -->
    

<div class="carousel carousel-slider backgrounds">
    <div class="carousel-fixed-item center">
        <div class="scroll-down aos-init aos-animate" data-aos="fade-up" data-aos-easing="ease" data-aos-delay="800">
            <a class="waves-effect btn pulse" href="#" style="background-color: #E91E63;">开始阅读</a>
            <i class="chevron bottom"></i>
        </div>
    </div>
    
    <div class="carousel-item background overlay lazyload" data-src="/blog/blog/img/bg/bg-1.jpg" style="background-image: url('/blog/blog/img/bg/bg-1.jpg');"></div>
    
    <div class="carousel-item background overlay lazyload" data-src="/blog/blog/img/bg/bg-2.jpg" style="background-image: url('/blog/blog/img/bg/bg-2.jpg');"></div>
    
    <div class="carousel-item background overlay lazyload" data-src="/blog/blog/img/bg/bg-3.jpg" style="background-image: url('/blog/blog/img/bg/bg-3.jpg');"></div>
    
    <div class="carousel-item background overlay lazyload" data-src="/blog/blog/img/bg/bg-4.jpg" style="background-image: url('/blog/blog/img/bg/bg-4.jpg');"></div>
    
    <div class="carousel-item background overlay lazyload" data-src="/blog/blog/img/bg/bg-5.jpg" style="background-image: url('/blog/blog/img/bg/bg-5.jpg');"></div>
    
    
    <a class="carousel-control-prev" href="javascript:;" role="button" data-slide="prev">
        <i class="material-icons">keyboard_arrow_left</i>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="javascript:;" role="button" data-slide="next">
        <i class="material-icons">keyboard_arrow_right</i>
        <span class="sr-only">Next</span>
    </a>
    
</div>

<header>
    <div class="center" id="bg-center">
        <h2 class="title white-text">一缕轻风</h2>
        
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Marck+Script">

<div class="description white-text">
    
    <span id="subtitle" style="font-family: 'Marck Script';"></span>
    
</div>
<script src="/blog/libs/typedjs/typed.js"></script>
<script>

    var typed = new Typed("#subtitle", {
        strings: [ 
            
                "今晚月色真美,风也温柔!!!",
            
                "Welcome. I&#39;m ice-matcha!!!",
            
        ],
        startDelay: 300,
        typeSpeed: 100,
        loop: true,
        backSpeed: 50,
        showCursor: true
    });

</script>

    </div>
</header>
<script>
    $(function() {
        let cover_slider = $('.carousel.carousel-slider');
        cover_slider.carousel({
            fullWidth: true,
            indicators: 'true' === 'true',
            duration: Number('200'),
            onCycleTo() {

            }
        });
        
        let slider = M.Carousel.getInstance(cover_slider);

        $('.carousel-control-prev').click(function() {
            slider.prev();
        });

        $('.carousel-control-next').click(function() {
            slider.next();
        });
        

        
        let carousel_interval;
        let auto_carousel = function() {
            carousel_interval = setInterval(function () {
                cover_slider.carousel('next');
            }, 5000);
        };
        auto_carousel();
        

    });

</script>

    <!-- 所有文章 -->
    
<article class="container post">
    <section class="row">
        
        <div class="col l4 m6 s12 post-item" data-aos="fade-up">
            <div class="card">
                <div class="card-image">
                    <a class="post-image" href="/blog/2022/04/28/undefined/">
                        
                        
                        
                        <img class="lazyload" src="/blog/img/random/material-31.jpg" data-src="/blog/img/random/material-31.jpg" alt="RabbitMQ交换器类型与死信队列">
                        
                        <span class="card-title">RabbitMQ交换器类型与死信队列</span>
                    </a>
                </div>
                <div class="card-content post-content">
                    
                        RabbitMQ常用的交换器类型RabbitMQ常用的交换器类型有fanout、direct、topic、headers这四种。AMQP协议里还提到另外两种类型：System和自定义，这里不予描述。对于这四种类型下面一一阐述。
fanout
                    
                </div>
                <div class="card-action">
                    
                    <div class="post-tags">
                        
                        <a href="/blog/tags/RabbitMQ/">
                            <span class="badge pink darken-1">RabbitMQ</span>
                        </a>
                        
                    </div>
                    
                    <div class="post-publish-info white-text">
                        <span class="publish-date">
                            <i class="far fa-clock fa-fw icon-date"></i>
                            2022-04-28
                        </span>
                        <span class="publish-auth right">
                            
                            <i class="fas fa-bookmark fa-fw icon-category"></i>
                            
                            <a href="/blog/categories/RabbitMQ/" class="post-category">
                                RabbitMQ
                            </a>
                            
                            
                        </span>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col l4 m6 s12 post-item" data-aos="fade-up">
            <div class="card">
                <div class="card-image">
                    <a class="post-image" href="/blog/2022/04/27/undefined/">
                        
                        
                        
                        <img class="lazyload" src="/blog/img/random/material-30.jpg" data-src="/blog/img/random/material-30.jpg" alt="Centos 7安装RabbitMQ">
                        
                        <span class="card-title">Centos 7安装RabbitMQ</span>
                    </a>
                </div>
                <div class="card-content post-content">
                    
                        Centos7安装RabbitMQ检查是否安装过erlang
yum list | grep erlang

卸载erlang
yum -y remove erlang-*
rm -rf &#x2F;usr&#x2F;lib64&#x2F;
                    
                </div>
                <div class="card-action">
                    
                    <div class="post-tags">
                        
                        <a href="/blog/tags/RabbitMQ/">
                            <span class="badge pink darken-1">RabbitMQ</span>
                        </a>
                        
                        <a href="/blog/tags/Linux/">
                            <span class="badge pink darken-1">Linux</span>
                        </a>
                        
                    </div>
                    
                    <div class="post-publish-info white-text">
                        <span class="publish-date">
                            <i class="far fa-clock fa-fw icon-date"></i>
                            2022-04-27
                        </span>
                        <span class="publish-auth right">
                            
                            <i class="fas fa-bookmark fa-fw icon-category"></i>
                            
                            <a href="/blog/categories/RabbitMQ/" class="post-category">
                                RabbitMQ
                            </a>
                            
                            <a href="/blog/categories/RabbitMQ/Linux/" class="post-category">
                                Linux
                            </a>
                            
                            
                        </span>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col l4 m6 s12 post-item" data-aos="fade-up">
            <div class="card">
                <div class="card-image">
                    <a class="post-image" href="/blog/2022/03/23/undefined/">
                        
                        
                        
                        <img class="lazyload" src="/blog/img/random/material-37.jpg" data-src="/blog/img/random/material-37.jpg" alt="关于 mysql 5.7 默认开启的新特性 sql_mode=only_full_group_by 的一些问题">
                        
                        <span class="card-title">关于 mysql 5.7 默认开启的新特性 sql_mode=only_full_group_by 的一些问题</span>
                    </a>
                </div>
                <div class="card-content post-content">
                    
                        开始之前的一些坑
原本笔者所使用的MySQL数据库是5.6版本的，由于新项目的开发，需要使用相对较新的技术，伴随着就是较新的软件，所以接触到了MySQL5.7的版本，本着新软件向下兼容的想法而踩了不少坑，如题就是其中一个，接下来了解一下本人
                    
                </div>
                <div class="card-action">
                    
                    <div class="post-tags">
                        
                        <a href="/blog/tags/MySQL/">
                            <span class="badge pink darken-1">MySQL</span>
                        </a>
                        
                    </div>
                    
                    <div class="post-publish-info white-text">
                        <span class="publish-date">
                            <i class="far fa-clock fa-fw icon-date"></i>
                            2022-03-23
                        </span>
                        <span class="publish-auth right">
                            
                            <i class="fas fa-bookmark fa-fw icon-category"></i>
                            
                            <a href="/blog/categories/MySQL/" class="post-category">
                                MySQL
                            </a>
                            
                            
                        </span>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col l4 m6 s12 post-item" data-aos="fade-up">
            <div class="card">
                <div class="card-image">
                    <a class="post-image" href="/blog/2022/03/21/undefined/">
                        
                        
                        
                        <img class="lazyload" src="/blog/img/random/material-1.jpg" data-src="/blog/img/random/material-1.jpg" alt="MySQL的问题与笔记">
                        
                        <span class="card-title">MySQL的问题与笔记</span>
                    </a>
                </div>
                <div class="card-content post-content">
                    
                        MySQL 数据大小查询方如下:-- 进入 information_schema 数据库 --
USE information_schema;

-- 查询所有数据大小 --
SELECT CONCAT(ROUND(SUM(data_len
                    
                </div>
                <div class="card-action">
                    
                    <div class="post-tags">
                        
                        <a href="/blog/tags/MySQL/">
                            <span class="badge pink darken-1">MySQL</span>
                        </a>
                        
                    </div>
                    
                    <div class="post-publish-info white-text">
                        <span class="publish-date">
                            <i class="far fa-clock fa-fw icon-date"></i>
                            2022-03-21
                        </span>
                        <span class="publish-auth right">
                            
                            <i class="fas fa-bookmark fa-fw icon-category"></i>
                            
                            <a href="/blog/categories/MySQL/" class="post-category">
                                MySQL
                            </a>
                            
                            
                        </span>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col l4 m6 s12 post-item" data-aos="fade-up">
            <div class="card">
                <div class="card-image">
                    <a class="post-image" href="/blog/2022/03/13/undefined/">
                        
                        
                        
                        <img class="lazyload" src="/blog/img/random/material-5.jpg" data-src="/blog/img/random/material-5.jpg" alt="MySQL 之 EXPLAIN的列解析">
                        
                        <span class="card-title">MySQL 之 EXPLAIN的列解析</span>
                    </a>
                </div>
                <div class="card-content post-content">
                    
                        EXPLAIN是Mysql里的SQL语句优化分析的重要语句，使用它可以帮助我们选择更好的索引或者更优化的SQL查询语句，以下就是对使用EXPLAIN下各列的解析:
mysql&gt; EXPLAIN SELECT a,b FROM t1 W
                    
                </div>
                <div class="card-action">
                    
                    <div class="post-tags">
                        
                        <a href="/blog/tags/MySQL/">
                            <span class="badge pink darken-1">MySQL</span>
                        </a>
                        
                    </div>
                    
                    <div class="post-publish-info white-text">
                        <span class="publish-date">
                            <i class="far fa-clock fa-fw icon-date"></i>
                            2022-03-13
                        </span>
                        <span class="publish-auth right">
                            
                            <i class="fas fa-bookmark fa-fw icon-category"></i>
                            
                            <a href="/blog/categories/MySQL/" class="post-category">
                                MySQL
                            </a>
                            
                            
                        </span>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col l4 m6 s12 post-item" data-aos="fade-up">
            <div class="card">
                <div class="card-image">
                    <a class="post-image" href="/blog/2021/04/26/undefined/">
                        
                        
                        
                        <img class="lazyload" src="/blog/img/random/material-37.jpg" data-src="/blog/img/random/material-37.jpg" alt="Linux问题故障定位工具介绍">
                        
                        <span class="card-title">Linux问题故障定位工具介绍</span>
                    </a>
                </div>
                <div class="card-content post-content">
                    
                        前言有时候会遇到服务器故障一些疑难杂症，并且监控插件并不能一眼立马发现问题的根源。这时候就需要登录服务器进一步深入分析问题的根源。那么分析问题需要有一定的技术经验积累，并且有些问题涉及到的领域非常广，才能定位到问题。所以，分析问题和踩坑是非
                    
                </div>
                <div class="card-action">
                    
                    <div class="post-tags">
                        
                        <a href="/blog/tags/Linux/">
                            <span class="badge pink darken-1">Linux</span>
                        </a>
                        
                    </div>
                    
                    <div class="post-publish-info white-text">
                        <span class="publish-date">
                            <i class="far fa-clock fa-fw icon-date"></i>
                            2021-04-26
                        </span>
                        <span class="publish-auth right">
                            
                            <i class="fas fa-bookmark fa-fw icon-category"></i>
                            
                            <a href="/blog/categories/Linux/" class="post-category">
                                Linux
                            </a>
                            
                            
                        </span>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col l4 m6 s12 post-item" data-aos="fade-up">
            <div class="card">
                <div class="card-image">
                    <a class="post-image" href="/blog/2021/02/20/undefined/">
                        
                        
                        
                        <img class="lazyload" src="/blog/img/random/material-38.jpg" data-src="/blog/img/random/material-38.jpg" alt="函数式编程范式">
                        
                        <span class="card-title">函数式编程范式</span>
                    </a>
                </div>
                <div class="card-content post-content">
                    
                        为什么要学习函数式编程
函数式编程随着React的流行越来越收关注
Vue 3也开始拥抱函数式编程
函数式编程可以抛弃this
打包过程中可以更好的利用 tree shaking 过滤无用代码
方便测试，方便并行处理
有很多库可以帮助我们进
                    
                </div>
                <div class="card-action">
                    
                    <div class="post-tags">
                        
                        <a href="/blog/tags/JavaScript/">
                            <span class="badge pink darken-1">JavaScript</span>
                        </a>
                        
                    </div>
                    
                    <div class="post-publish-info white-text">
                        <span class="publish-date">
                            <i class="far fa-clock fa-fw icon-date"></i>
                            2021-02-20
                        </span>
                        <span class="publish-auth right">
                            
                            <i class="fas fa-bookmark fa-fw icon-category"></i>
                            
                            <a href="/blog/categories/JavaScript/" class="post-category">
                                JavaScript
                            </a>
                            
                            
                        </span>
                    </div>
                </div>
            </div>
        </div>
        
    </section>
    <!-- 文章分页器 -->
    <section class="paginator">
    
</section>

</article>

    
    
</main>

    <footer class="page-footer footer-color">
    
        
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">


<style type="text/css">
    .aplayer.aplayer-fixed {
        z-index: 999;
    }

    
    .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
        left: -66px !important;
    }

    .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
        left: 0px !important;
    }

    

    .aplayer .aplayer-lrc p {
        
        display: none;
        
        font-size: 12px;
        font-weight: 700;
        line-height: 16px !important;
    }

    .aplayer .aplayer-lrc p.aplayer-lrc-current {
        
        display: none;
        
        font-size: 15px;
        color: #b7daff;
    }
</style>

<div class="">
    <div class="row">
        <meting-js
            class="col l8 offset-l2 m10 offset-m1 s12"
            server="netease"
            type="playlist"
            id="743950282"
            fixed='true'
            autoplay='false'
            theme='#b7daff'
            loop='all'
            order='random'
            preload='auto'
            volume='0.7'
            list-folded='true'>
        </meting-js>
    </div>
</div>


<script src="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.js"></script>


<script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script>


    
    <div class="container">
        <div class="row center">
            <div class="col l12 m12 s12">
                <div id="framework-info">
                    Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a>
                    &nbsp;
                </div>
                <div id="siteinfo">
                    <!-- <span>站点总字数：</span> -->
                    
                </div>
                
                <div id="sitetime">载入运行时间...</div>
                <script>
                    function siteTime() {
                        var seconds = 1000;
                        var minutes = seconds * 60;
                        var hours = minutes * 60;
                        var days = hours * 24;
                        var years = days * 365;
                        var today = new Date();
                        var startYear = "2021";
                        var startMonth = "2";
                        var startDate = "19";
                        var startHour = "0";
                        var startMinute = "0";
                        var startSecond = "0";
                        var todayYear = today.getFullYear();
                        var todayMonth = today.getMonth() + 1;
                        var todayDate = today.getDate();
                        var todayHour = today.getHours();
                        var todayMinute = today.getMinutes();
                        var todaySecond = today.getSeconds();
                        var t1 = Date.UTC(startYear, startMonth, startDate, startHour, startMinute, startSecond);
                        var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);
                        var diff = t2 - t1;
                        var diffYears = Math.floor(diff / years);
                        var diffDays = Math.floor((diff / days) - diffYears * 365);
                        var diffHours = Math.floor((diff - (diffYears * 365 + diffDays) * days) / hours);
                        var diffMinutes = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours) /
                            minutes);
                        var diffSeconds = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours -
                            diffMinutes * minutes) / seconds);
                        if (startYear == todayYear) {
                            document.getElementById("year").innerHTML = todayYear;
                            document.getElementById("sitetime").innerHTML = "本站已持续运行 " + "<span class='white-text'>" + diffDays + "</span>" + " 天 "
                            + "<span class='white-text'>" + diffHours + "</span>" + " 小时 "
                            + "<span class='white-text'>" + diffMinutes + "</span>" + " 分钟 "
                            + "<span class='white-text'>" + diffSeconds + "</span>" + " 秒";
                        } else {
                            document.getElementById("year").innerHTML = startYear + " - " + todayYear;
                            document.getElementById("sitetime").innerHTML = "本站已持续运行 " + "<span class='white-text'>" + diffYears + "</span>" + " 年 "
                            + "<span class='white-text'>" + diffDays + "</span>" + " 天 "
                            + "<span class='white-text'>" + diffHours + "</span>" + " 小时 "
                            + "<span class='white-text'>" + diffMinutes + "</span>" + " 分钟 "
                            + "<span class='white-text'>" + diffSeconds + "</span>" + " 秒";
                        }
                    }
                    setInterval(siteTime, 1000);
                </script>
                
                
                
            </div>
        </div>
    </div>
    <div class="footer-copyright">
        <div class="container center">
            Copyright&nbsp;&copy;
            
                <span id="year">2021 - 2022</span>
            
            ,&nbsp;
            made with <span style="color: red;">❤️</span>&nbsp;&nbsp;by
            <a href="/blog/about" target="_blank">ice-matcha</a>
            for a better web.
        </div>
    </div>
</footer>


    
    <!-- 回到顶部按钮 -->
<div id="back-top" class="top-scroll">
    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
        <i class="fas fa-arrow-up"></i>
    </a>
</div>

    

    <script src="/blog/libs/materialize/materialize.min.js"></script>
<script src="/blog/libs/lazyload/lazyload.min.js"></script>
<script src="/blog/libs/aos/aos.js"></script>
<script src="/blog/js/xxcoding.js"></script>


<script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>


</body>
</html>
